#{extends 'Secure/layout.html' /}
#{set title:'Login' /}

<!-- override default login form -->
<div id="login">
	
	<h1>Login</h1>
	#{form @authenticate()}
		
		#{if flash.error}
			<p class="error">
				&{flash.error}
			</p>
		#{/if}
		#{if flash.success}
			<p class="success">
				&{flash.success}
			</p>
		#{/if}
		<p id="username-field">
			<label for="username">Username</label>
			<input type="text" name="username" id="username" value="${flash.username}" />
			<span class="tiny_info block _bbb">Students you can also use your GUC ID. Ex: 13-7839</span>
		</p>
		<p id="password-field">
			<label for="password">Password</label>
			<input type="password" name="password" id="password" value="" />
			<span class="tiny_info block _bbb">This is <b>NOT</b> your GUC password. This is your g-beehive password, the one we've sent you. If you've changed it, well, then use the one you set.</span>
		</p>
		<p id="remember-field">
			<input type="checkbox" name="remember" id="remember" value="true" ${flash.remember ? 'checked="true"' : ''} />
			<label for="remember">&{'secure.remember'}</label>
		</p>
		<p id="signin-field">
			<input type="submit" id="signin" value="&{'secure.signin'}" /> or <a href="@{Guests.register()}">Register</a>
		</p>
	#{/form}
</div>